{include file="public/head"/}
<div id="main">
	<div class="container-fluid">
		<div class="row clearfix">
			<div class="col-md-12 column">
				<div class="alert alert-dismissable alert-info">
					<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
					<p></p>
				</div>
			</div>
		</div>
	
	
		<div class="ntDesktop">
			<div class="ntDesktop-head">销售订单付款方式</div>
		
			<div class="row">
				<div class="col-md-6">
					<ul class="nav nav-tabs">
						<li :class="{'active':index==0}" v-for="(item,index) in langs" @click="changeLang(item.code)"><a :href="'#'+item.code" data-toggle="tab">{{item.name}}</a></li>
					</ul>
				</div>
				<div class="col-md-6 text-right">
					<a href="{:url('salepaytype/payTypeadd')}" class="btn btn-primary" data-toggle="modal" data-target="#pay_type_Modal" v-if="auth_ids.indexOf(304) != -1">
						<span class="glyphicon glyphicon-plus"></span> 添加新的付款方式</a>
				</div>
			</div>
			
			
			<div class="tab-content">
				<div :class="{'row':true,'tab-pane':true, 'active':index==0}" :id="item.code" v-for="(item,index) in langs">
					<div class="col-md-12">
						<table class="table table-striped table-hover ntTable">
							<thead>
								<tr>
									<th align="center">ID</th>
									<th> 代号 </th>
									<th> 名称 </th>
									<th> 固定 </th>
									<th> 限制次数 </th>
									<th> 排序 </th>
									<th> 操作 </th>
								</tr>
							</thead>
							<tbody>
								<tr v-for="(listitem,index) in listData">
									<td align="center">{{listitem.id}}</td>
									<td>{{listitem.code}}</td>
									<td>{{listitem.content}}</td>
									<td align="center">{{listitem.fixx}}</td>
									<td>{{listitem.limits}}</td>
									<td align="right">{{listitem.drank}}</td>
									<td class="text-right">
										<a :href="'/admin/salepaytype/payTypeedit?id='+listitem.id" class="btn btn-sm btn-primary" data-toggle="modal" data-target="#pay_type_Modal" v-if="auth_ids.indexOf(305) != -1">
											<span class="glyphicon glyphicon-pencil"></span> 编辑
										</a>
                          				<a href="javascript:;" class='btn btn-sm btn-default option-hide' v-if="listitem.fix==0 && auth_ids.indexOf(368) != -1" @click="deleteData(listitem.id)">
                          					<span class="glyphicon glyphicon-eye-close"></span> {:strtoupper(lang('delete'))}</a>
									</td>
								</tr>
							</tbody>
						</table>
						<ul class="pagination" v-show="listData.length!=0">
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<!--添加弹窗部分 开始-->

<div class="modal fade" id="pay_type_Modal" tabindex="-1" role="dialog" aria-labelledby="ntModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" style="width:60%">
        <div class="modal-content">
        </div>
    </div>
</div>

<!--弹窗部分 结束-->
<script src="/static/Admin/js/paytype.js"></script>
{include file="public/foot"/}

